<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="css/home.css" />
	<style>
			.index0 {
			  background: url("img/slider-1-bg.jpg") no-repeat center center;
			  background-size: cover
			}
			.index1 {
			  background: url("img/slider-2-bg.jpg") no-repeat center center;
			  background-size: cover
			}
			.index2 {
			  background: url("img/slider-3-bg.jpg") no-repeat center center;
			  background-size: cover
			}
			.index3 {
			  background: url("img/slider-4-bg.jpg") no-repeat center center;
			  background-size: cover
			}
			.index4 {
			  background: #cf1c1b;
			  background-size: cover
			}
		</style>
</head>

<body>
	<div id="header-wrap" data-lv="home" data-main=1>
		<img class="logo" src="img/logo.png" />
		<h2>唤醒更富有的你</h2>
		<a href="###" data-link="start" class="right btn b-small b-blue">Hi</a>
	</div>
	<div class="swiper-container" style="height:160px;width:100%;" id="home-slide">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<div class="ss-wrap">
					<a href="###">
						<img class="ss-img-center" src=	"img/slider-1-c.png" />
					</a>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="ss-wrap">
					<a href="###">
						<img class="ss-img-center" src=	"img/slider-2-c.png" />
					</a>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="ss-wrap">
					<a href="###">
						<img class="ss-img-center" src=	"img/slider-3-c.png" />
					</a>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="ss-wrap">
					<a href="###">
						<img class="ss-img-center" src=	"img/slider-4-c.png" />
					</a>
				</div>
			</div>
			<div class="swiper-slide">
				<div class="ss-wrap">
					<a href="###">
						<img class="ss-img-center" src=	"img/slider-5-c.png" />
					</a>
				</div>
			</div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<div class=""></div>
	<div id="customer">
		<div class="home-cont">
			<ul class="scroll-list">
				<li><span>1小时前</span>136****2168购买了富贵天天100份</li>
			</ul>
		</div>
	</div>
	<div id="last-got">
		<div class="home-cont">
			<h3>昨日投资收益(元)</h3>
			<!-- 如果已登录，有收益显示 -->
			<div id="logined" style="display: none">
				<b>6.009889</b>
			</div>
			<!-- 如果未登录 -->
			<div id="unlogined" style="display: block">
				<a href="###" data-link="login" class="btn b-small b-inline b-blue">登录</a>
				<a href="###" data-link="register" class="btn b-small b-inline b-red">注册赢本金</a>
			</div>
		</div>
	</div>
	<div class="row-block" id="home-product">
		<div class="rb-wrap">
			<div class="rb-item">
				<div class="home-cont right-line">
					<h3>富贵天天</h3>
					<label>年化收益率(%)</label>
					<b>12.00</b>
					<a href="###">去看看</a>
				</div>
			</div>
			<div class="rb-item">
				<div class="home-cont">
					<h3>富贵月月</h3>
					<label>年化收益率(%)</label>
					<b>7.00-14.00</b>
					<a href="###">去看看</a>
				</div>
			</div>
		</div>
	</div>
	<div id="notice">
		<div class="home-cont">
			<h3>富贵公告</h3>
			<ul class="article-list">
				<li class="al-red"><em>今天</em>当天的用红色日期标签，当天的用红色日期标签，</li>
				<li class="al-orange"><em>昨天</em>近7天的且非当天的都用橘黄色</li>
				<li class="al-orange"><em>前天</em>近7天的且非当天的都用橘黄色</li>
				<li class="al-green"><em>05-01</em>近15天的且非近7天的都用绿色</li>
				<li class="al-blue"><em>05-01</em>近30天的且非近15天的都用蓝色</li>
				<li class="year-tag">2014年</li>
				<li class="al-gray"><em>05-01</em>近30天以前的都用灰色</li>
			</ul>
		</div>
	</div>
	<script>
	$(function(){
		$("#home-product").column({
			equally: 2,
			margin: 0,
			unit_w: "1/1"
		});
		if($.cookie("login") == 1){//已登录
			$("#logined").show();
			$("#unlogined").hide();
		}else{
			$("#logined").hide();
			$("#unlogined").show();
		}
		var mySwiper = new Swiper('.swiper-container',{
			pagination: '.swiper-pagination',
			paginationClickable: true,
			autoplay:5000,
			onInit: function(swiper){
				$("#home-slide").addClass("index0")
				var ww = $(window).width();
				$(".swiper-container,.swiper-wrapper,.swiper-slide").height(ww*0.385);
						
			},
			onSlideChangeStart: function(swiper){
				$(".swiper-container").addClass("index"+swiper.activeIndex).removeClass("index"+swiper.previousIndex)
			}
		})
	})
	</script>	
</body>

</html>
